$linear-primary-color-to-right: linear-gradient(to right, #FF6341, #FFC220);

.home-container {
    background-color: #EEE;
    margin-bottom: 50px;
    font-size: .453333rem;

    .header {
        background: linear-gradient(to bottom, #FF6040, #FFA694);
        padding: .1333rem;

        .search-bar {
            display: flex;
            align-items: center;
            padding: .1333rem;

            .logo {
                background: url('../imgs/logo.png') no-repeat center;
                background-size: contain;
                width: 2.5067rem;
                height: .64rem;
            }

            .adm-search-bar {
                margin-left: .2667rem;
                flex: 1;
            }
        }

        .new-person {
            h3 {
                color: #FFF;
                font-size: .5867rem;
                margin-bottom: .1333rem;
            }

        }

    }

    // 快速导航
    .nav-group {
        overflow: hidden;
        margin-top: .1333rem;
        background-color: #FFF;
    }

    .adm-grid {
        text-align: center;
        font-size: .4267rem;
        margin: 10px;
    }

    // 万人团
    .group {
        background-color: var(--adm-color-primary);
        padding: .1333rem;
        margin: .133333rem;
        border-radius: .1333rem .1333rem 0 0;

        h1 {
            font-size: .5867rem;
            color: #FFF;
        }

        .group-item {
            height: 2.6667rem;
            width: 100%;
            background: #FFF;
            margin: .1333rem 0;
            display: flex;

            .goods-info {
                flex: 1;
                padding: .133333rem;

                .btn-panic-buy {
                    width: 4rem;
                    height: 1.066667rem;
                    background: url('../imgs/button-bg.png') no-repeat center;
                    background-size: contain;
                    display: flex;
                    align-items: center;
                    padding-left: .4rem;    
                }
            }
        }
    }


    .goods-list-wrap {
        overflow: scroll;
        $goods-item-width: 2.6667rem;
        background-color: #FFF;

        .goods-list {
            background: #FFF;
            width: $goods-item-width * 10;

            .goods-item {
                width: 2.6667rem;
                height: 3.2rem;
                margin: .1333rem;
                background: #FF7255;
                float: left;
                padding: 4px;
                border-radius: 10px;
            }

            &::after {
                content: '';
                display: block;
                overflow: hidden;
            }
        }
    }


    .seckill {
        padding: .1333rem;
        background-color: #FF7255;
        margin: .1333rem;

        h3 {
            color: #FFF;
            background-color: #FF7255;
            margin-left: .133333rem;
        }

        .goods-list-wrap {
            background: #FF7255;

            .goods-list {
                .goods-item {
                    background-color: #fff;
                }

            }
        }


    }

    // 商品推荐
    .goods-recom {
        .goods-card {
            display: flex;

            .goods-img {
                flex: 2;
            }

            .goods-desc {
                flex: 3;
                padding: 0 .2rem;
                font-size: .4533rem;


                .horizontal {
                    display: flex;
                    justify-content: space-between;
                    align-items: flex-end;

                    .goods-price {
                        color: var(--adm-color-primary);
                        font-size: .5867rem;

                        del {
                            display: block;
                            color: #CCC;
                            font-size: .4533rem;
                        }

                    }

                    .btn-add-cart {
                        color: #FFF;
                        background: $linear-primary-color-to-right;
                        border: 0;
                        font-size: .4267rem;
                    }
                }

            }
        }
    }

    .tag {
        border: 0;
        padding: .2133rem .2667rem;
        background: $linear-primary-color-to-right;
        font-size: .4rem;
    }

}